<!DOCTYPE html>

<html lang="en">

	<head>

		<title>小张博客-跳转提示</title>
		<tc_include file="Public/head" />
		<style type="text/css">
			* {padding: 0;margin: 0;}
			body {background: #fff;font-family: '微软雅黑';color: #333;font-size: 16px;}
				.system-message {padding: 24px 48px;text-align: center;width: 50%;margin: 100px auto;max-width: 500px;}
			.panel-head {height: 40px;}
			.tishi_info {margin: 0 0 11px 0;font-weight: 800;}
			.tishi_info_d {font-size: 12px;margin: 12px 0 0px 0;text-align: left;}
			.progress-big{height: 19px;}
			#href{color: #00B7EE;}
				#wait{color:red;font-size:16px}
		</style>

	</head>

	<body class="body-white">



		<div class="system-message">
		<present name="message">
			<div class="panel border-sub">
				<div class="panel-head  border-sub bg-sub">
					<strong class="float-left">提示</strong>
				</div>
				<div class="panel-body">
					<div class="tishi_info"><?php echo($message); ?></div>
					<div class="progress progress-big progress-striped active">

						<div class="progress-bar bg-green" style="width: 100%;"></div>
					</div>
					<div class="tishi_info_d">小张博客提示您：网站将在<b id="wait"><?php echo($waitSecond); ?></b>秒后跳转,<a id="href" href="<?php echo($jumpUrl); ?>">直接点击</a></div>
				</div>
			</div>
			
			<else/>
			<div class="panel border-red">
				<div class="panel-head  border-red bg-red">
					<strong class="float-left">提示</strong>
				</div>
				<div class="panel-body">
					<div class="tishi_info"><?php echo($error); ?></div>
					<div class="progress progress-big progress-striped active">
						<div class="progress-bar bg-red" style="width: 100%;"></div>
					</div>
					<div class="tishi_info_d">小张博客提示您：网站将在<b id="wait"><?php echo($waitSecond); ?></b>秒后跳转,<a id="href" href="<?php echo($jumpUrl); ?>">直接点击</a></div>
				</div>
			</div>
			
		</present>
			

		</div>

		<script type="text/javascript">
			(function() {
				var wait = document.getElementById('wait'),
					href = document.getElementById('href').href;
				var interval = setInterval(function() {
					var time = --wait.innerHTML;
					if (time <= 0) {
						location.href = href;
						clearInterval(interval);
					};
				}, 1000);
			})();
		</script>

	</body>

</html>